// 引入当前less
require('../less/courseDetails.less')

// 文档加载完成
document.ready(() => {
    // console.log('课程详情页');

    // 获取dom
    let back = document.querySelector('#back')   //返回
    let playBtn = document.querySelector('#playBtn')   //播放按钮
    let trainBtn = document.querySelector('#trainBtn')   //开始训练btn
    let courseImg = document.querySelector('#courseImg')   //课程图片
    let titleName = document.querySelector('#titleName')   //课程标题
    let textDesc = document.querySelector('#textDesc')   //课程文字介绍
    let kilNum = document.querySelector('#kilNum')   //千卡
    let minuteNum = document.querySelector('#minuteNum')   //时间
    let peopleNum = document.querySelector('#peopleNum')   //人数
    let freNum = document.querySelector('#freNum')   //频次
    let apparatus = document.querySelector('#apparatus')   //器械

    // 获取地址栏传过来的id
    let courseid = window.location.search.split('=')[1]
    // console.log('课程id：', courseid);

    // 页面加载调用函数
    getCourseDetails()
    // 封装函数，页面加载获取课程详情
    function getCourseDetails() {
        // 发送ajax请求
        axios.get(window.$utils.BASE_URL + "/sports/courseDetail?id=" + courseid)
            // window.$utils.BASE_URL/sports/courseDetail?id=4
            .then((result) => {
                let res = result.data
                console.log(res);
                if(res.status === 0){
                    // 把视频保存到本地存储
                    window.localStorage.setItem('videos',window.JSON.stringify(res.data.fragments))
                    // 图片
                    courseImg.src = window.$utils.BASE_URL + res.data.imgurl
                    // 标题
                    titleName.textContent = res.data.name
                    // 课程文字介绍
                    textDesc.textContent = res.data.desc
                    // 卡路里
                    kilNum.textContent = res.data.calorie
                    // 时间
                    minuteNum.textContent = res.data.time
                    // 人数
                    peopleNum.textContent = res.data.peoplenum
                    // 频次
                    freNum.textContent = res.data.frequency
                    // 器械
                    apparatus.textContent = res.data.instrument
                }
            })
            .catch((error) => {
                console.log(error);
            })
    }



    // 点击back，添加事件
    back.addEventListener('click', function () {
        // 跳转页面
        location.href = 'course.html'
    })
    // 点击playBtn，添加事件
    playBtn.addEventListener('click', function () {
        // 跳转页面
        location.href = 'courseVideo.html?id=' + courseid
    })
    trainBtn.addEventListener('click', function () {
        playBtn.click()
    })

})